export default {
  head(res) {
    const { currentThemeMode } = this.$store.state
    const themeMode =
      currentThemeMode !== 'normal' ? { theme: currentThemeMode } : {}
    const htmlClass = this.isShowMobileMenu
      ? { class: 'mobileMenuExpanded' }
      : {}
    const htmlStyle = {
      style: `color-scheme: ${currentThemeMode} `,
    }
    const htmlAttrs = {
      ...themeMode,
      ...htmlStyle,
      ...htmlClass,
      lang: this.$i18n.locale,
    }
    return {
      htmlAttrs,
    }
  },
  computed: {
    isShowMobileMenu() {
      return this.$store.state.isShowMobileMenu
    },
  },
}
